
/* ------------- main layout ------------ */

body,html {
    margin: 0;
    padding: 0;
    color: #000;
    background: #a7a09a;
}

/* The bar at the very top of the page. Same for admin */
.topbar {
    float: right;
    padding: 0.3em 0.5em;
}

/* Main container for normal pages */
.content {
	clear: both;
	margin: 10px auto;
	background: #99c;
	width: 60%;
	border: 1px solid gray;
}

/* Main container for admin pages */
.admincontent {
    clear: both;
    margin: 10px auto;
    background: #ccc;
    width: 80%;
    border: 1px solid gray;
}

.header {
	clear: both;
	padding:0.5em 1em;
	background: #4A2;
	border-bottom: 1px solid gray;
}

.header h1 {
    margin:0;
    padding:0;
}

.header a {
    text-decoration: none;
}

/* Top menu for site */
.topmenu {
	padding:5px 10px;
	background: #c99;
	border-bottom: 1px solid gray;
}
.topmenu ul {
	margin:0;
	padding:0;
	list-style:none;
}
.topmenu li {
    display:inline;
	margin:0;
	padding:0;
}
.topmenu a:link,a:visited {
	/*display: block;*/
    width: 120px;
    font-weight: bold;
    /*color: #FFFFFF;
    background-color: #98bf21;*/
    /*text-align: center;*/
    padding: 4px;
    text-decoration: none;
    /*text-transform: uppercase;*/	
}
.topmenu a:hover,a:active {
    background-color: #7A991A;
}

.admintopmenu {
    padding:5px 10px; /* top-bottom: 5, left-right: 10 */
    background: #bbb;
    border-bottom: 1px solid gray;
}
.admintopmenu ul {
    margin:0;
    padding:0;
    list-style:none; /* no bullets */
}
.admintopmenu li {
    display:inline; /* on one line */
    margin:0;
    padding:0;
}

.cols {
	clear:both;
	float: left;
	/*width:480px;*/
	width:100%; /* columns span the entire content container */
    /*padding:10px;
	background: #99c;*/
	/*border-right: 1px solid gray;*/
	overflow:hidden;       /* This chops off any overhanging divs */
	position:relative;  /* This fixes the IE7 overflow hidden bug */
	
}

.cols h2 {
    margin:0 0 1em;
}

.colleft {
    float:left;
    width:100%;
    position:relative;
}

.col1, .col2, .col3 {
	float:left;
    position:relative;
    padding:0.5em 0 1em 0;
    overflow:hidden;
}

/* 2 column (right menu) settings */
.rightmenu {
    background:#c9c;        /* right column background colour */
}
.rightmenu .colleft {
    right:25%;          /* right column width */
    background:#99c;        /* left column background colour */
}
.rightmenu .col1 {
    width:71%;          /* left column content width (left column width minus left and right padding) */
    left:27%;           /* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
    width:21%;          /* right column content width (right column width minus left and right padding) */
    left:31%;           /* (right column width) plus (left column left and right padding) plus (right column left padding) */
}


/* Footer */
.footer {
	text-align: center;
	clear:both;
	padding:5px 10px;
	background: #cc9;
	border-top: 1px solid gray;
}

.footer p {
    margin:0;
}


